<template>
    <div class="all">
        <div class="header">业主登陆</div>
        <div class="center">
            <p>
                <img src="http://weixin.nmict.cn/ok_zhsq/image/login-icon01.png">
                <input type="text" placeholder="请输入您的手机号">
            </p>
            <p>
                <img src="http://weixin.nmict.cn/ok_zhsq/image/login-icon02.png">
                <input type="text" placeholder="请输入您的密码">
            </p>
            <input type="submit" value="登陆">
        </div>
    </div>
</template>

<style lang="less" scoped>
.center p{
    width:80%;
    margin:.1rem auto;
    line-height: 1.5rem;
    vertical-align: middle;
    border:1px solid #ccc;
}
.center p:nth-of-type(1){
    margin-top:2rem;
}
.center p img{
    vertical-align: middle;
}
.center p input{
    width:85%;
    border:0px;
    vertical-align: middle;
}
input[type="submit"]{
    width:80%;
    line-height: 1.5rem;
    border:0px;
    margin-top:1rem;
    color:#fff;
    background: rgba(28,168,207,1);
}
</style>
